//引入路由
import {createRouter,createWebHashHistory} from 'vue-router'
//首页直接引入，其他页面异步加载
import HomeView from '@/views/Page路由嵌套一级目录.vue'
import luyou from '@/views/Page路由1.vue'
//路径
const    routes= [
    {
        path: '/',//路径(http://localhost:5175/#/)
        name:'首页1',//可加可不加，但要唯一性
        component: import('@/views/Page路由1.vue')
    },
    {
        //一级页面
        path: '/yiji',//路径(http://localhost:5175/#/yiji)
        name:'路由名称',//可加可不加，但要唯一性
        component: HomeView,
        //默认显示的子页面，比如有多个子页面，默认显示第2个
        //当显示一级目录时才会默认加载配置的二级页面
        // redirect: '/yiji/erji2',
        //二级页面
        children:[//子页面
            {
                path: 'erji1',//http://localhost:5175/#/yiji/erji1
                name:'二级1',
                component: import('@/views/Page路由嵌套二级目录1.vue')//异步加载方式
            },
            {
                path: 'erji2',//http://localhost:5175/#/yiji/erji2
                //name要保持唯一性，比如“erji1”name也是“二级2”，就会找不到，只能显示“yiji”的页面
                name:'二级2',
                component: import('@/views/Page路由嵌套二级目录2.vue')
            }
        ]
    },
]

//页面路径配置
const router = createRouter({
    history: createWebHashHistory(),
    routes:routes
})

//让web访问需要导出
export default  router